@media screen and (min-width: 750px) {
    html {
        font-size: 75px !important;
    }
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    font-size      : 0.16rem;
    display        : inline-block;
    color          : #ffffff;
    width          : 1.333333rem;
    height         : 1.333333rem;
    line-height    : 1.333333rem;
    border-radius  : 0.666667rem;
    text-decoration: none;
    padding        : 0 0.08rem;
    text-align     : center;
}

body {
    height: 3000px;
}

.search-content {
    width     : 10rem;
    height    : 1.173333rem;
    margin    : 0 auto;
    background: -webkit-linear-gradient(left, red, blue);
}

.search-content h4 {
    height     : 100%;
    line-height: 1.173333rem;
    font-size  : 0.5rem;
    color      : #ffffff;
    text-shadow: 10px 10px 10px rgba(0, 0, 0, .4);
    text-align : center;
    margin     : 0;
}


/* 方块动画部分 */


.box {
    transform-style: preserve-3d;
    position       : relative;
    height         : 0px;
    width          : 0px;
    margin         : 2rem auto;
    animation      : rotate1 15s linear infinite;
}


@keyframes rotate1 {
    0% {
        transform: rotate3d(4, 4, 0, 0deg);
        width    : 4.533333rem;
        height   : 4.533333rem;
    }

    100% {
        transform: rotate3d(4, 4, 0, 360deg);
        width    : 4.533333rem;
        height   : 4.533333rem;
    }


}

.fromt,
.bottom,
.top,
.back,
.left,
.right {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

/* 前 */
.fromt {
    background : -webkit-linear-gradient(left bottom, red, blue);
    transform  : translateZ(2.266667rem);
    color      : #ffffff;
    font-size  : 0.24rem;
    text-align : center;
    line-height: 2.266667rem;
}

/* 下 */
.bottom {
    background : -webkit-linear-gradient(left bottom, red, blue);
    transform  : translateY(2.266667rem) rotateX(-90deg);
    color      : #ffffff;
    font-size  : 0.24rem;
    text-align : center;
    line-height: 2.266667rem;
}


/* 上 */
.top {
    background : -webkit-linear-gradient(left bottom, red, blue);
    transform  : translateY(-2.266667rem) rotateX(90deg);
    color      : #ffffff;
    font-size  : 0.24rem;
    text-align : center;
    line-height: 2.266667rem;
}


/* 后 */
.back {
    background : -webkit-linear-gradient(left bottom, red, blue);
    transform  : translateZ(-2.266667rem) rotateX(180deg);
    color      : #ffffff;
    font-size  : 0.24rem;
    text-align : center;
    line-height: 2.266667rem;

}

/* 左 */
.left {
    background : -webkit-linear-gradient(left bottom, red, blue);
    transform  : translateX(-2.266667rem) rotateY(-90deg);
    color      : #ffffff;
    font-size  : 0.24rem;
    text-align : center;
    line-height: 2.266667rem;
}

/* 右 */
.right {
    background : -webkit-linear-gradient(left bottom, red, blue);
    transform  : translateX(2.266667rem) rotateY(90deg);
    color      : #ffffff;
    font-size  : 0.24rem;
    text-align : center;
    line-height: 2.266667rem;
}

/* 源码部分 */
.first_line {
    position     : relative;
    width        : 9rem;
    height       : 9rem;
    border-radius: 5rem;
    margin       : 1.333333rem auto;
    box-shadow   : 10px 10px 10px rgba(0, 0, 0, .4);
    background   : -webkit-linear-gradient(left, red, blue);

}

.first_line .jd_yuanma {
    position        : absolute;
    top             : 5.266667rem;
    left            : 1.2rem;
    background-color: darkorchid;

}

.first_line .xc_yuanma {
    position        : absolute;
    top             : 1.066667rem;
    left            : 2.666667rem;
    background-color: darkturquoise;
}

.first_line .pyg_yuanma {
    position        : absolute;
    top             : 3.066667rem;
    left            : 3.766667rem;
    background-color: rgb(50, 201, 76);
}

.first_line .xczx_yuanma {
    position        : absolute;
    top             : 2.266667rem;
    left            : 5.766667rem;
    background-color: rgb(197, 58, 163);
}

.first_line .sn_yuanma {
    position        : absolute;
    top             : 7.068667rem;
    left            : 4.764667rem;
    background-color: rgb(167, 46, 46);
}

.first_line .albx_yuanma {
    position        : absolute;
    top             : 5.6rem;
    left            : 5.6rem;
    background-color: rgb(204, 154, 47);
}

.first_line .hmmm_yuanma {
    position        : absolute;
    top             : 4.266667rem;
    left            : 7.2rem;
    background-color: rgb(37, 146, 52);
}

/* css部分 */
.css {
    position                  : relative;
    width                     : 9rem;
    height                    : 9rem;
    border-top-left-radius    : 5rem;
    border-bottom-right-radius: 5rem;
    border-top-right-radius   : 5rem;
    margin                    : 1.333333rem auto;
    box-shadow                : 10px 10px 10px rgba(0, 0, 0, .4);
    background                : -webkit-linear-gradient(left, blue, red);

}

.css .jd_css {
    position        : absolute;
    top             : 3.266667rem;
    left            : 1.2rem;
    background-color: rgb(26, 138, 77);

}

.css .xc_css {
    position        : absolute;
    top             : 4.066667rem;
    left            : 2.966667rem;
    background-color: rgb(44, 247, 17);
}

.css .pyg_css {
    position        : absolute;
    top             : 6.026667rem;
    left            : 4.166667rem;
    background-color: rgb(173, 174, 225);
}

.css .xczx_css {
    position        : absolute;
    top             : 7.266667rem;
    left            : 1.466667rem;
    background-color: rgb(65, 180, 214);
}

.css .sn_css {
    position        : absolute;
    top             : 1.068667rem;
    left            : 4.764667rem;
    background-color: rgb(228, 167, 167);
}

.css .albx_css {
    position        : absolute;
    top             : 3.6rem;
    left            : 4.6rem;
    background-color: rgb(231, 235, 150);
}

.css .hmmm_css {
    position        : absolute;
    top             : 4.266667rem;
    left            : 6.7rem;
    background-color: rgb(130, 55, 75);
}


/* 首页部分 */
.home {
    position                  : relative;
    width                     : 9rem;
    height                    : 9rem;
    border-top-left-radius    : 5rem;
    border-bottom-right-radius: 5rem;
    margin                    : 1.333333rem auto;
    box-shadow                : 10px 10px 10px rgba(0, 0, 0, .4);
    background                : -webkit-linear-gradient(left bottom, red, blue);

}

.home .jd_home {
    position        : absolute;
    top             : 5.266667rem;
    left            : 1.4rem;
    background-color: rgb(84, 31, 228);

}

.home .xc_home {
    position        : absolute;
    top             : 2.066667rem;
    left            : 5.966667rem;
    background-color: rgb(247, 193, 17);
}

.home .pyg_home {
    position        : absolute;
    top             : 4.026667rem;
    left            : 7.166667rem;
    background-color: rgb(26, 238, 181);
}

.home .xczx_home {
    position        : absolute;
    top             : 2.266667rem;
    left            : .966667rem;
    background-color: rgb(248, 17, 229);
}

.home .sn_home {
    position        : absolute;
    top             : 3.068667rem;
    left            : 4.264667rem;
    background-color: rgb(28, 85, 102);
}

.home .albx_home {
    position        : absolute;
    top             : 5.6rem;
    left            : 4.6rem;
    background-color: rgb(252, 179, 179);
}

.home .hmmm_home {
    position        : absolute;
    top             : 7.266667rem;
    left            : 4.5rem;
    background-color: rgb(79, 208, 47);
}



/* UI部分 */
.ui {
    position                 : relative;
    width                    : 9rem;
    height                   : 9rem;
    border-radius            : 2rem;
    border-top-left-radius   : 5rem;
    border-bottom-left-radius: 5rem;
    margin                   : 1.333333rem auto;
    box-shadow               : 10px 10px 10px rgba(0, 0, 0, .4);
    background               : -webkit-linear-gradient(top, red, blue);

}

.ui .ui_hm1 {
    position        : absolute;
    top             : 4.6rem;
    left            : 7.2rem;
    background-color: rgb(252, 179, 179);
}

.ui .ui_hm2 {
    position        : absolute;
    top             : 3.6rem;
    left            : 5.6rem;
    background-color: rgb(37, 180, 85);
}

.ui .ui_hm3 {
    position        : absolute;
    top             : 5.2rem;
    left            : 2.6rem;
    background-color: rgb(125, 237, 60);
}

.ui .ui_hm4 {
    position        : absolute;
    top             : 6.2rem;
    left            : 4.6rem;
    background-color: rgb(236, 14, 155);
}

.ui .ui_hm5 {
    position        : absolute;
    top             : 1.6rem;
    left            : 4.6rem;
    background-color: rgb(27, 173, 240);
}

.ui .ui_pyg1 {
    position        : absolute;
    top             : 6.9rem;
    left            : 6.9rem;
    background-color: rgb(148, 156, 160);
}


.ui .ui_pyg2 {
    position        : absolute;
    top             : 6.9rem;
    left            : 3.1rem;
    background-color: rgb(160, 214, 146);
}


.ui .ui_pyg3 {
    position        : absolute;
    top             : 1.24rem;
    left            : 7.3rem;
    background-color: rgb(205, 209, 129);
}

.ui .ui_xc {
    position        : absolute;
    top             : 2.4rem;
    left            : 1.8rem;
    background-color: rgb(205, 209, 129);
}

.records_bootstrap {
    position     : relative;
    display      : flex;
    width        : 9rem;
    height       : 5rem;
    border-radius: 3rem;
    margin       : 1.333333rem auto 0;
    box-shadow   : 10px 10px 10px rgba(0, 0, 0, .4);
    background   : -webkit-linear-gradient(left, red, blue);

}

.records_bootstrap div {
    flex      : 1;
    text-align: center;

    line-height: 5rem;

}

.records_bootstrap div a {
    width    : 100%;
    height   : 100%;
    font-size: 0.333333rem;
    color    : #ffffff;
}